{% load static bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> 登录 </title>
    <style>
        .account {
            width: 500px;
            border: 1px solid #dddddd;
            border-radius: 20px;
            box-shadow: 5px 5px 20px #aaa;

            margin-left: auto;
            margin-right: auto;
            margin-top: 100px;
            padding: 20px 40px;
        }
    </style>
</head>
<body>
<div class="account">
    <h3 class="">CD Server 用户登录 </h3>

    <br>
    <form method="post">
        {% csrf_token %}
        {#  用户名  #}

        <div class="input-group">
            <span class="input-group-addon" id="sizing-addon1">@</span>
            <input type="text" name="username" class="form-control" placeholder="Username" aria-describedby="sizing-addon1">
        </div>

        <br>
        {#  密码  #}
        <div class="input-group">
            <span class="input-group-addon" id="sizing-addon1">@</span>
            <input type="password" name="password" class="form-control" placeholder="Password" aria-describedby="sizing-addon1">
        </div>
        <p class="help-block danger-">{{ error_info }}</p>

        <br>
        <div>
            <button class="btn btn-primary" type="submit">登录</button>
        </div>

        {% comment %} TODO picture code {% endcomment %}
    </form>
</div>

</body>
</html>